a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

.container {
    margin-top: 10px;
}

.navbar-default {
    border-bottom: 2px solid #31afcd;
}

#wb_index_row_first {
    min-height: 350px;
}

.wb_block_small {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wb_block_small > a {
    min-height: 84px;
}

.wb_block_content {
    display: inline-block;
    position: absolute;
    max-width: 80%;
    bottom: 22px;
    z-index: 100;
    font-size: 14px;
    padding: 2px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wb_footer {
    border-top: #a9a9a9 solid 1px;
}

/*文字阴影*/
.wb_text_shadow {
    color: whitesmoke;
    text-shadow: 0 0 10px #28849f;
}

.wb_title_split {
    margin: 5px 10px;
    border-bottom: #c0c0c0 solid 1px;
}

/*遮罩方块*/
.wb-show {
    display: block;
    width: 180px;
    height: 140px;
    padding: 5px;
    margin: 5px 10px 5px 10px;
    border: 2px solid #31afcd;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    float: left;
    overflow: hidden;

}

.wb-show-shadow {
    position: absolute;
    width: 180px;
    height: 140px;
    top: 5px;
    left: 25px;
    margin: 0;
    padding: 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
    background: #000;
    display: none;
}

.wb-show-intro {
    display: block;
    font-size: 12px;
    height: 100px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    color: white;
}

.wb-show-play {
    font-size: 10px;
    height: 15px;
    text-overflow: ellipsis;
    color: white;
}

.wb-show > img {
    margin: 0 2%;
    width: 96%;
    height: 95px;
}

.wb-show > .caption {
    padding: 10px 0;
}

.wb-show > .caption > p {
    color: black;
    font-size: 14px;
    max-width: 250px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wb_show_block {
    float: left;
    min-width: 180px;
}

.wb_container_left > .wb_thumbnail {
    margin: 10px;
    height: 285px;
}

.wb_container_left > .wb_thumbnail > .caption {
    display: block;
    height: 85px;
}

.wb_container_left > .wb_thumbnail > img {
    max-height: 190px;
}

.wb_container_left > .wb_thumbnail > .caption > .title {
    display: block;
    height: 90px;
    font-size: 15px;
}

.wb_container_left {
    float: left;
    min-height: 160px;
    width: 30%;
}

.wb_container_right {
    float: left;
    min-height: 160px;
    width: 70%;
}

.wb_line_row {
    min-height: 160px;
}

.wb_thumbnail {
    margin: 10px;
    height: 235px;
}

.wb_thumbnail > img {
    height: 175px;
}

.wb_thumbnail > .caption {
    height: 100px;
}

.wb_thumbnail > .caption > p {
    font-size: 15px;
    height: 60px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

.wb_seach_img {
    height: 160px
}

.wb_seach_brief {
    padding: 4px;
    font-size: 14px;
    height: 110px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

.wb_panel {
    margin: 10px;
}

.caption > p {
    font-size: 13px;
}

.wb_small {
    color: #28849f;
}

/*logo相关*/
.wb-jumbotron {
    text-align: center;
    background-color: transparent;
    height: 300px;
}

.wb-jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

.bili_logo {
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
    background-position: top;
    -moz-background-size: 100%;
    background-size: 100%;
}

.bili_logo_lead {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;

    text-shadow: 0 0 20px #60fff7;
    color: #5b6065;
}

.bili-search {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

/*logo结束*/

/*播放器相关*/

#loading {
    position: absolute;
    margin-top: 45px;
    padding: 10px 20px 0 120px;
    width: 900px;
    height: 400px;
    left: 90px;
    opacity: 0.9;
    z-index: 9999;
    overflow: hidden;
}

#loading > p {
    color: white;
    font-size: 16px;
    text-shadow: 0 0 20px red;
}

#loading > .alert_content {
    color: red;
    text-shadow: 0 0 20px #d6e2ed;
}

#player_part_select {
    margin-top: 20px;
    margin-bottom: 20px;
}

#player_content {
    height: 600px;
    display: none;
    padding-left: 30px;
}

.wb_video_content {
    min-height: 400px;
}



.wb_video_select {
    margin-top: 40px;
}

#player_content {
    margin: 30px auto 40px auto;
}

.wb_video_brief {
    height: 300px;
    padding: 40px 0;
}

.wb_video_brief_p {
    display: block;
    height: 160px;
}

/*播放器结束*/

/*瀑布流相关*/

.grid-item {
    padding: 13px;
    width: 230px;
}

.grid-item > a > img {
    height: 121.25px;
}

.nav-justified {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.nav-justified > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: bold;
    color: #777;
    text-align: center;
    background-color: #e5e5e5; /* Old browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    background-repeat: repeat-x; /* Repeat the gradient */
    border-bottom: 1px solid #d5d5d5;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
    background-color: #ddd;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
}

.nav-justified > li:first-child > a {
    border-radius: 5px 5px 0 0;
}

.nav-justified > li:last-child > a {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }

    .nav-justified > li > a {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
    }

    .nav-justified > li:first-child > a {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }

    .nav-justified > li:last-child > a {
        border-right: 0;
        border-radius: 0 5px 5px 0;
    }
}

@media screen and (min-width: 768px) {
    .masthead,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}

/*瀑布流结束*/